/* 
    Document   : rounded-corners.css
    Created on : Dec 20, 2011, 8:30:56 PM
    Author     : Jennifer
    Description:
        Put pretty rounded corners on the sheet
    http://www.456bereastreet.com/lab/transparent_custom_corners_borders
*/

p {
    margin: 1em 0;
}
#labfooter {
    clear: both;
    text-align: center;
}
.cbb {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666666;
    margin: 1em 0;
    padding: 0 10px;
}
.cbb h1 {
    background: none repeat scroll 0 0 #EFECE6;
    font: bold 1.2em/1 Arial,Helvetica,sans-serif;
    margin: 0 -10px;
    padding: 0.3em 10px;
    
    
}
.cb {
    margin: 0.5em 0;
}
.two {
    float: left;
    width: 45%;
}
.three {
    float: right;
    width: 45%;
}
.bt {
    background: url("../images/box.png") no-repeat scroll 100% 0 transparent;
    height: 17px;
    margin: 0 0 0 18px;
}
.bt div {
    background: url("../images/box.png") no-repeat scroll 0 0 transparent;
    height: 17px;
    left: -18px;
    position: relative;
    width: 18px;
}
.bb {
    background: url("../images/box.png") no-repeat scroll 100% 100% transparent;
    height: 14px;
    margin: 0 0 0 12px;
}
.bb div {
    background: url("../images/box.png") no-repeat scroll 0 100% transparent;
    height: 14px;
    left: -12px;
    position: relative;
    width: 12px;
}
.i1 {
    background: url("../images/borders.png") repeat-y scroll 0 0 transparent;
    padding: 0 0 0 12px;
}
.i2 {
    background: url("../images/borders.png") repeat-y scroll 100% 0 transparent;
    padding: 0 12px 0 0;
}
.i3 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 0;
    padding: 0 10px;
}
.three .i1, .three .i2 {
    background-image: url("../images/borders.gif");
}
.three .bt, .three .bt div, .three .bb, .three .bb div {
    background-image: url("../images/box.gif");
}
.cb h1 {
    background: none repeat scroll 0 0 #EFECE6;
    font: bold 1.2em/1 Arial,Helvetica,sans-serif;
    margin: 0 -10px;
    padding: 0.3em 10px;
    
        background: #1e5799; /* Old browsers */
        background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
        background: linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	outline:		0;
        color: white;
}


